// pages/item/item.js
const http =require('../../utils/http')
Page({

  /**
   * 页面的初始数据
   */
  data: {
itemObj:{},
showType:false,
tabArr:
  [{id:0,key:'gaiyao',type:true,top:0,name:"行程概要"},
  {id:1,key:'xiangxi',type:false,top:0,name:"详细行程"},
  {id:2,key:'jiage',type:false,top:0,name:"价格说明"}]
  

  },

  
  /**
   * 生命周期函数--监听页面加载
   */
  changetab(ev){
    // const tabList = this.data.tabArr;

    wx.pageScrollTo({
      scrollTop:ev.currentTarget.dataset.top - 50,
     duration:300
    })

  },
  gihome(){
wx.switchTab({
  url: '../main/main',
})
  },
  onLoad(options) {
http.request(`/product/product/getProductDetails/`+options.id,'GET','').then(res=>{
  this.setData({itemObj:res.data.product_base_info})
  const tabList = this.data.tabArr;
  tabList.forEach(item=>{
    wx.createSelectorQuery().select('#'+item.key).boundingClientRect(function(res){
  
      item.top=res.top
    }).exec()
  })
  this.setData({
    tabArr:tabList
  })

  // const tabList = this.data.tabArr;
  // tabList.forEach(item => {
  //   wx.createSelectorQuery().select('#' + item.key).boundingClientRect(function (res) {

  //     item.top = res.top
  //   }).exec();
  // })


  // this.setData({
  //   tabArr: tabList
  // })
});
  },
gettypefn(index){
const tabList = this.data.tabArr;
tabList.forEach(item=>{
 

    if(item.id==index){

      item.type=true
    }
    else{
      item.type=false
    }
  
  
})
}

,
  onPageScroll(res){
let scrollTop=res.scrollTop+55;
const tabList = this.data.tabArr;
if(scrollTop>=tabList[0].top){
  if(scrollTop<tabList[1].top){
  this.gettypefn(0)
  }else if(scrollTop>=tabList[1].top&&scrollTop<tabList[2].top){
    this.gettypefn(1)
  }
  else{
    this.gettypefn(2)
  }
  this.setData({
    showType:true,tabArr:tabList
  })

}else{
  this.setData({showType:false})
}
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})